<template>
  <div>
    小明的分数范围：
    <p v-if="type === 'A'">80~100分</p>
    <p v-else-if="type === 'B'">60~80分</p>
    <p v-else>小于60分</p>
    <button v-on:click="type = 'A'">A</button>
    <button v-on:click="type = 'B'">B</button>
    <button v-on:click="type = 'C'">C</button>
  </div>
</template>

<script setup>
import { ref } from "vue";
const type = ref("A");
</script>
<style></style>
